<template>
<div>a组件
    <!-- {{$store.state.count}} -->
    <!-- {{count}} -->
    <!-- {{count1}} -->
    <!-- {{count2}} -->
    <!-- {{count3}} -->
    <!-- {{count}} -->
    <!-- {{count5}}
    {{msg5}}
    {{num}} -->
</div>
</template>

<script>
import {
    mapState
} from 'vuex'

export default {
    data() {
        return {
            localCount: 100
        }
    },
    // 1.
    // computed:{
    // count1(){
    //   return this.$store.state.count
    // }
    // }
    // 2.
    // computed: mapState({
    //     // 2.1 箭头函数
    //     count: state => state.count,
    //     // 2.2 别名
    //     count2: 'count',
    //     // 2.3
    //     count3(state) {
    //         return state.count + this.localCount
    //     }

    // })
    // 3.mapState(['名字'])
    // computed:mapState(['count'])

    // 4.
    computed:{
      num(){
        return 200
      },
      ...mapState({
        count5:'count',
        msg5:'msg'
      })
    }
}
</script>

<style>
</style>
